<template>
  <div>
    <slot></slot>
    <h3>Child</h3>
    <slot name="header" ></slot>
    <slot name="footer" :msg="msg"></slot>
    <button @click="childHandle">child按钮</button>
  </div>
</template>

<script>
  export default {
    name: "Child",
    data(){
      return {
        msg:1
      }
    },
    methods:{
      childHandle(){
        this.msg+=5
      }
    }
  }
</script>

<style scoped>

</style>